<!DOCTYPE html>
<html>
	<head>
		<meta charset="UTF-8">
		<title>收货地址</title>
		<link rel="stylesheet" type="text/css" href="css/public/bootstrap.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/font-awesome.min.css"/>
		<link rel="stylesheet" type="text/css" href="css/public/public.css"/>
		<link rel="stylesheet" type="text/css" href="css/indexPage.css"/>
		<link rel="stylesheet" type="text/css" href="css/userPage.css"/>
	</head>
	<body>
		<!-- header start -->
		<div id="header"></div>
		<!-- header end -->

		<!-- position start -->
		<div class="position">
			<div class="container">
				<ul>
					<li><a href="index_test.html">首页</a> > </li>
					<li><span>收货地址</span></li>
				</ul>
			</div>
		</div>
		<!-- position end -->
		
		<!--content start-->
		<div class="userContent">
			<div class="container clearfix">
				<div class="leftManage fl-l">
					<ul>
						<li>
							<span>账号管理</span>
							<ul>
								<li><a href="userPage.html">个人中心</a></li>
								<!--<li><a href="#">账号信息</a></li>-->
								<li><a href="address.html" class="on">地址管理</a></li>
								<li><a href="trade.html">收支管理</a></li>
							</ul>
						</li>
						<li>
							<span>交易管理</span>
							<ul>
								<li><a href="orderManage.html">订单管理</a></li>
								
								<li><a href="apply.html">平台币申请管理</a></li>
							</ul>
						</li>
					</ul>
				</div>
				<div class="rightContent fl-r addressRightContent">
					<!--个人中心-->
					<div class="addressContent">
						<div class="emptyDiv">
							<div class="ifEmpty"></div>
							<div class="emptyText">
								<span>您还没有收货地址</span>
								<a href="#" data-toggle="modal" data-target="#myModal"  onclick='addAddress()'>新增地址</a>
							</div>
						</div>
						
						<div class="existAddress">
							<span>已保存收货地址</span>
							<a href="#" data-toggle="modal" data-target="#myModal" onclick='addAddress()'>+新建地址</a>
						</div>
						<div class="addressList">
							<!--<div class="addressTitle">-->
							<table class="" id="addressTable">
							  	<thead>
								    <tr>
								      	<th>收货人</th>
								      	<th>地址</th>
								      	<th>联系方式</th>
								      	<th>操作</th>
								      	<th>&emsp;&emsp;</th>
								    </tr>
							  	</thead>
							  	<tbody>
							    	
							  	</tbody>
							</table>
						</div>
					</div>
						
				</div>
			</div>
		</div>
		
		<!-- 模态框（Modal） -->
		<div class="modal fade" id="myModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog" >
				<div class="modal-content" style="width: 650px;">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="myModalLabel">
						</h4>
					</div>
					<div class="modal-body">
						<form action="" class="clearfix" id="addAddressForm">
							<table width="100%">
								<tr>
									<td style="text-align: right;width: 20%;">
										<span class="mustEdit">*</span>所在地区：
									</td>
									<td colspan="3">
										<select name="" class="form-control info" id="cityName" onchange="areaData(this)">
										</select>
										<select name="" class="form-control info" id="areaName" onchange="subareaData(this)">
										</select>
										<select name="" class="form-control info" id="subAreaName">
										</select>
									</td>
								</tr>
								<tr>
									<td style="text-align: right;">
										<span class="mustEdit">*</span>详细地址：
									</td>
									<td colspan="3">
										<textarea  type="text" class="form-control" id="streetNameTextArea" name="streetName" width="97%"></textarea>
									</td>
								</tr>
								<tr>
									<td style="text-align: right;">
										<span class="mustEdit">*</span>收&nbsp;货&nbsp;人：
									</td>
									<td>
										<input type="hidden" class="form-control" name="addressId" id="" value="" />
										<input type="text" class="form-control reciveMan" name="userName" id="" value="" />
									</td>
									<td style="text-align: right;" width="20%">
										<span class="mustEdit">*</span>手机号码：
									</td>
									<td>
										<input type="text" class="form-control telphone" name="tel" id="" value="" width="97%"/>
									</td>
								</tr>
								<tr>
									<td  colspan="3">
									</td>
									<td style="text-align: right;">
										<span id='ifDefault'>
											<div style="display:inline-block;"> 
												<img id="checkIpt" src="images/icon/noCheck.png" alt="" style="display:inline-block;" />
												<img id="checkedIpt" src="images/icon/checked.png" alt="" style="display: none;"/>
											</div> 
											<span style="display:inline-block;">设为默认</span>
										</span>
									</td>
								</tr>
							</table>
						</form>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" id="saveAddressBtn" data-dismiss="modal" style="width: 80px;">确定</button>
						<button type="button" class="btn btn-default" id="cancelBtn" style="width: 80px;" data-dismiss="modal">取消</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>
		
		<!-- 删除模态框（Modal） -->
		<div class="modal fade" id="removeModal" tabindex="-1" role="dialog" aria-labelledby="myModalLabel" aria-hidden="true">
			<div class="modal-dialog">
				<div class="modal-content">
					<div class="modal-header">
						<button type="button" class="close" data-dismiss="modal" aria-hidden="true">
							&times;
						</button>
						<h4 class="modal-title" id="removeModalLabel">
							确定删除这条地址？
						</h4>
					</div>
					<div class="modal-footer">
						<button type="button" class="btn btn-danger" id="sureRemove" data-dismiss="modal">确定
						</button>
						<button type="button" class="btn btn-default"  id="" data-dismiss="modal">
							取消
						</button>
					</div>
				</div><!-- /.modal-content -->
			</div><!-- /.modal -->
		</div>
		<!--content end-->
		
		<!--footer start-->
		<div id="footer"></div>
		<!--footer end-->
		
		<script type="text/javascript" src="js/jquery.min.js"></script>
		<script type="text/javascript" src="js/bootstrap.min.js"></script>
		<script type="text/javascript" src="js/public.js"></script>
		<script type="text/javascript" src="js/pageJs/address.js"></script>
	</body>
</html>
